<template>
  <div class="warpc">
    <div class="askus">
      <div class="top">
        <van-icon name="arrow-left" class="icon" @click="fungo()" />
        <span class="us">问大家（6）</span>
        <div class="topicon">
          <div class="left"><van-icon name="orders-o" class="icon" /></div>
          <van-icon name="share-o" class="icon" />
        </div>
      </div>
    </div>
    <AskUs />

    <div class="question">我要提问</div>
  </div>
</template>

<script>
import AskUs from "@/components/chenkong/ask/AskUs.vue";
export default {
  components: {
    AskUs,
  },
  methods: {
    fungo() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.warpc {
  .askus {
    border-bottom: 0.267vw solid #f2f2f2;

    .top {
      width: 90%;
      margin: auto;
      margin-top: 5.333vw;
      display: flex;
      justify-content: space-between;
      padding-bottom: 2.667vw;
      .us {
        font-size: 4.267vw;
        font-weight: bold;
      }
      .icon {
        font-size: 4.267vw;
      }

      .topicon {
        display: flex;
      }
      .left {
        padding-right: 4.533vw;
      }
    }
  }
  .question {
    width: 90%;
    margin: auto;
    height: 9.333vw;
    line-height: 9.333vw;

    text-align: center;
    margin: 1.6vw auto 6.667vw;
    background: #ed7044;
    color: #fff;
    border-radius: 999rem;
  }
}
</style>